.n-tag {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  font-size: 14px;
  border-radius: var(--no-radius);
  box-sizing: border-box;
  span {
    line-height: 1;
  }
  &.is-border {
    background-color: #fff;
  }
}
.n-tag--default {
  color: var(--n-black-light-1);
  background: var(--n-black-hover);
}
.n-tag--primary {
  color: var(--n-primary);
  background: var(--n-primary-bg);
}
.n-tag--primary-second {
  color: var(--n-primary-second-color);
  background: var(--n-primary-bg-color);
}

.n-tag--warning {
  color: var(--n-warning);
  background: var(--n-warning-bg-color);
  border-color: var(--n-warning-bg-color);
}
.n-tag--success {
  color: var(--n-success);
  background: var(--n-success-bg);
}
.n-tag--error {
  color: var(--n-danger-color);
  background: var(--n-danger-bg-color);
}
.n-tag--size_default {
  height: 20px;
}
.n-tag--size_small {
  height: 18px;
  font-size: 12px;
}

.n-tag--size_large {
  height: 24px;
}
